<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Botones en Bootstrap</title>
<link rel="stylesheet" href="http://lineadecodigo.com/js/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="http://lineadecodigo.com/js/bootstrap/css/bootstrap-theme.css">

<style>
body { margin:20px; }
</style>
</head>
<body>
	<h1>Botones en Bootstrap</h1>

		<button type="button" class="btn btn-default">Default</button>
		<button type="button" class="btn btn-primary">Botón primario</button>
		<button type="button" class="btn btn-success">Acción Positiva</button>
		<button type="button" class="btn btn-info">Información</button>
		<button type="button" class="btn btn-warning">Aviso</button>
		<button type="button" class="btn btn-danger">Error</button>


	<br/><br/>
	<hr>
	Art&iacute;culo disponible en: <a href="http://lineadecodigo.com/bootstrap/uso-de-botones-en-bootstrap/">http://lineadecodigo.com/bootstrap/uso-de-botones-en-bootstrap/</a><br/>
	<a href="http://lineadecodigo.com" title="Linea de Codigo">lineadecodigo.com</a>

	<script src="http://lineadecodigo.com/js/bootstrap/js/bootstrap.js"></script>
	<script src="http://code.jquery.com/jquery.js"></script>
</body>
</html>